<template>
  <div>
    <!-- 动态 style, 动态设置 css 样式 
    语法:  :style="{ css 属性名: css 属性值 }"
    -->
    <p :style="{ color }">我是一个可爱的P,绿绿嫩的</p>
  </div>
</template>

<script>
export default {
  name: "VueBaseApp",

  data() {
    return {
      color: "green",
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style scoped>
/* .pinkStr { */
/* color: pink; */
/* background-color */
/* } */
</style>